<template>
    <div class="footer-box">
        <div v-for="(item, idx) in footerList" :key="idx">
            <router-link :to="item.path">{{item.label}}</router-link>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            footerList: [
                {
                    label: '首页',
                    path: '/main'
                },
                {
                    label: '找房',
                    path: '/apartmentHunting'
                },
                {
                    label: '发布',
                    path: '/issue'
                },
                {
                    label: '消息',
                    path: '/message'
                },
                {
                    label: '我的',
                    path: '/my'
                }
            ]
        }
    }
}
</script>

<style lang="scss" scoped>
.footer-box {
    width: 100%;
    height: 50px;
    display: flex;
    border-top: 1px solid #ccc;
    flex-shrink: 0;
    div {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
</style>